<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <link rel="stylesheet" href="../../css/bootstrap.min.css"/>
    <link rel="stylesheet" href="../../js/bootstrap-table/bootstrap-table.min.css"/>
    <link rel="stylesheet" href="../../css/font-awesome.min.css"/>
    <link rel="stylesheet" href="../../js/ztree/css/metroStyle/metroStyle.css" />
    <link rel="stylesheet" href="../../css/common.css"/>
    <link rel="stylesheet" href="../../css/shop/shop.css"/>
    <style>
        .file{
            position: absolute;
            top: 100px;
            left: 185px;
            text-align: center;
            width: 120px;
        }
        .images{
            width: 150px;
            height: 150px;
            border-radius: 100%;
        }
    </style>
</head>
<body>
<ul id="myTab" class="nav nav-tabs">
    <li class="active">
        <a href="#basic" data-toggle="tab">
            基本信息</br>
            <span>Basic Information</span>
        </a>
    </li>
    <li>
        <a href="#area" data-toggle="tab">
            配送地区</br>
            <span>Distribution area</span>
        </a>
    </li>
</ul>

<div id="myTabContent" class="tab-content">
    <div class="tab-pane fade in active" id="basic">
        <div class="logo form-inline save_commodity_td">
            <span class="form-group basic_name">店铺logo</br>Store logo</span>
            <div class="logo_file form-group" style="position: relative">
                    <div class="images">
                    </div>
                    <a href="javascript:;" class="file">修改</br>modify</br>
                        <input type="file" value=""  id="file" style="margin-top: 3px;">
                    </a>
                <div class="tishi">建议尺寸:150*150,支持的图片格式;jpg、png、gif、jpeg</div>
            </div>
        </div>
        <div class="form-inline save_commodity_td shop_name_td" >
            <div class="shop_name form-group">
                <div class="form-inline">
                    <span class="basic_name form-group">店铺名称</br>Store Name</span>
                    <input type="text" class="form-group"/>
                </div>
            </div>
            <div class="shop_user_name form-group">
                <div class="form-inline">
                    <span class="basic_name form-group">联系人</br>StoreName</span>
                    <input type="text" class="form-group"/>
                </div>
            </div>
        </div>
        <div class="form-inline save_commodity_td shop_name_td" >
            <div class="shop_name form-group">
                <div class="form-inline">
                    <span class="basic_name form-group">联系电话</br>Store Name</span>
                    <input type="text" class="form-group"/>
                </div>
            </div>
            <div class="shop_user_name form-group">
                <div class="form-inline">
                    <span class="basic_name form-group">公司注册号码</br>Company reg</span>
                    <input type="text" class="form-group"/>
                </div>
            </div>
        </div>
        <div class="save_commodity_td form-inline">
            <span class="form-group basic_name">店铺简介</br>Store intro</span>
            <div class="form-group simple">
                <input type="text" class="bottom_input" readonly="readonly" placeholder="请输入商品简介</br>Please enter the Product name"/>
            </div>
        </div>
        <div class="save_commodity_td form-inline">
            <span class="form-group basic_name">主营项目</br>Main categories</span>
            <div class="form-group simple">
                <input type="text" class="bottom_input" readonly="readonly" placeholder="请输入主营项目</br>Please enter the Product name"/>
            </div>
        </div>
        <div class="save_commodity_td form-inline">
            <span class="form-group basic_name">店铺邮编</br>Store intro</span>
            <div class="form-group">
                <input type="text" />
                <select>
                    <option>111</option>
                    <option>111</option>
                </select>
                <select>
                    <option>111</option>
                    <option>111</option>
                </select>
                <select>
                    <option>111</option>
                    <option>111</option>
                </select>
            </div>
        </div>
        <div class="save_commodity_td form-inline">
            <span class="form-group basic_name">店铺地址</br>Store address</span>
            <div class="form-group">
                <input type="text" />
            </div>
        </div>
        <div  class="save_commodity_td" style="border: none;">
            <a href="javascript:void(0);" class="select_a" style="margin: 0 auto;">确认添加</br>Confirmn new</a>
        </div>
    </div>
    <div class="tab-pane fade" id="area">
        <div class="form-inline save_commodity_td">
            <span class="form-group basic_name">配送方式</br>Distribution mode</span>
            <a href="javascript:void(0);" class="select_a form-group" style="margin-left: 20px;margin-right: 20px;">星期</br>Week</a>
            <a href="javascript:void(0);" class="select_a form-group">月</br>month</a>
        </div>
        <div class="modal_content schedule">
            <div class="schedule_td">
                <div class="number">
                    <div class="day_number_e">MON</div>
                    <div class="day_number">1</div>
                </div>
                <div class="address">
                    <div class="address_simple">这里是配送区域</br>Enter the address</div>
                    <div class="address_detail btn" data-toggle="modal" data-target="#myModal">
                        编辑</br>edit
                    </div>
                    <div class="address_detail" style="margin-left: 160px;">
                        删除</br>delete
                    </div>
                </div>
            </div>
        </div>
    </div>
    <div class="modal fade" id="myModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
        <div class="modal-dialog" style="width: 1300px;">
            <div class="modal-content">
                <div class="modal-header">
                    <button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button>
                    <h4 class="modal-title" id="myModalLabel">选择可配送范围</br></h4>
                </div>
                <div class="modal-body form-inline">
                    <div class="leftTree form-group">
                        <div class="leftTitle">可选国家.城市/郡县.村镇</br>Optional country.City/County.Village</div>
                        <div class="leftContent">
                            <ul id="cityZtree" class="ztree">
                            </ul>
                        </div>
                    </div>
                    <div class="yesBtn form-group">
                        <button onclick="ckeckedTreeNodes();">确定</button>
                    </div>
                    <div class="rightList form-group">
                        <div class="rightTitle">已选国家.城市/郡县.村镇</br>Selected country.City/County.Villages</div>
                        <div class="rightContent">
                            <ul>
                                <li v-for="item in rightContentList">{{item.name}}</li>
                            </ul>
                        </div>
                    </div>
                </div>
                <div class="modal-footer">
                    <button type="button" class="btn btn-default" data-dismiss="modal">关闭</button>
                    <button type="button" class="btn btn-primary">提交更改</button>
                </div>
            </div><!-- /.modal-content -->
        </div><!-- /.modal -->
    </div>
</div>



<script rel="script" src="../../js/jquery.min.js"></script>
<script rel="script" src="../../js/vue.min.js"></script>
<script rel="script" src="../../js/bootstrap.min.js"></script>
<script rel="script" src="../../js/bootstrap-table/bootstrap-table.min.js"></script>
<script rel="script" src="../../js/ztree/jquery.ztree.all.min.js"></script>
<script rel="script" src="../../js/common.js"></script>
<script rel="script" src="../../js/shop/shop.js"></script>
<script rel="script">

</script>
</body>
</html>